<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>列表样式</title>
		<!-- html 结构 ：有序列表、无序列表、定义列表
		有序列表与无序列表自带样式，样式可以修改
		列表样式属性
		list-style-type  列表项标志属性
		有序自有一套属性:none
		无序自有一套属性:none
		-->
	</head>
	<style>
		/* 常用属性:list-style-type 针对无序列表【有利于SEO优化】 */
		ol li{
			/* 去标列表样式--统配选择器一起使用 */
			list-style-type: none;
			list-style-type: decimal;/*默认值*/
			list-style-type: lower-roman;/*小写罗马数字*/
			list-style-type: upper-roman;/*大写罗马数字*/
		}
		ul li{
			/* 去标列表样式--通配选择器一起使用 */
			list-style-type: none;
			list-style-type: disc;/*默认值*/
			list-style-type: circle;/*空心圆*/
			list-style-type: square;/*方块*/
		}
		
	</style>
	
	<body>
		<h1>有序列表</h1>
		<ol>
			< img src="img/微信图片_20250227130906.jpg" alt="" />
			<li>坤</li>
			<li>牢大</li>
			<li>Coke</li>
		</ol>
		<h1>无序列表：页面上存在大量相同类型集合,有利于SEo优化</h1>
		<ul>
			<li>三哥</li>
			<li>老八</li>
			<li>虎哥</li>
		</ul>
	</body>
</html>